<!-- youtubechannel -->

<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->

{capture name=path}{l s='YouTube Channel' mod='youtubechannel'}{/capture}
{include file="$tpl_dir./breadcrumb.tpl"}

<script type="text/javascript">
    var yt_user = '{$yt_user}';
	var yt_display_videos = '{$yt_display_videos}';
	var yt_desc_trunc = '{$yt_desc_trunc}';
	var yt_html5 = '{$yt_html5}';
	var yt_player_width = '{$yt_player_width}';
	var yt_player_height = '{$yt_player_height}';
	var yt_auto_play = '{$yt_auto_play}';
	var theme = '{$theme}';
	var progressbar = '{$progressbar}';
	var moduleDir = '{$modules_dir}';
	var videomore = '{l s='video more' mod='youtubechannel'}';
	var videosmore = '{l s='videos more' mod='youtubechannel'}';
</script>

	<h1>{l s='YouTube Channel' mod='youtubechannel'}</h1>
	{if isset($yt_user) && $yt_user}
		<h2><img class="icon" src="{$modules_dir}youtubechannel/img/youtube-mini.png" alt="" width="38" height="16" /> {l s='Visit our channel in' mod='youtubechannel'} <span><a href="https://www.youtube.com/user/{$yt_user}?feature=watch" target="_blank">youtube</a></span>.</h2>
			<div id="channel" class="gradient">
			<div id="preload_error" class="error" style="display: none;">{l s='Connection problems' mod='youtubechannel'}</div>
			<div id="preload_videos" style="display: none;">
                <ul id="videos"></ul>
				<div class="clear"></div>
                    <div id="pagetools">
					    <p><a href="#" id="showmore" class="yt_button">{l s='Load' mod='youtubechannel'} <span id="viewvideos"></span> <span id="buttonText"></span></a></p>
					    <p id="resultvideos">{l s='Showing' mod='youtubechannel'} <span id="actvideos"></span> {l s='of' mod='youtubechannel'} <span id="totalvideos"></span></p>
		            </div>
				</div>
			</div>
			<div id="preload_yt" style="display: none;"><img src="{$modules_dir}youtubechannel/img/loader.gif" alt="{l s='loading' mod='youtubechannel'}..." width="24" height="24" />  <span>{l s='loading' mod='youtubechannel'}...</span></div>
			{else}
			    <div class="error"><p>Error:</p><ol>{l s='No channel name defined in configuration or a problem with youtube connection' mod='youtubechannel'}!</ol></div>
			{/if}

<!-- /youtubechannel -->